<%@ page import="gdepot.TransactionRecord" %>

<%@ page import="gdepot.Orders" %>
<%@ page import="gdepot.Bank" %>
<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main">
    <g:set var="entityName" value="${message(code: 'transactionRecord.label', default: 'TransactionRecord')}"/>
    <title><g:message code="default.list.label" args="[entityName]"/></title>
</head>

<body>

<section id="portfolio" class="bg-light-gray">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="section-heading">Bank List</h2>

                <h3 class="section-subheading text-muted">Here you can choose your available bank</h3>
            </div>
        </div>
        <g:if test="${flash.message}">
            <div class="alert alert-warning">
                <a href="#" class="close" data-dismiss="alert">
                &times;
                </a>
                <strong>${flash.message}</strong>
            </div>
        </g:if>
        <div class="row">
            <div class="container">
                <g:form action="prepareForPayment" class="form-horizontal">
                    <g:hiddenField name="order" value="${order}"></g:hiddenField>

                    <div>
                        <div style="padding-bottom: 20px;color: #8700eb; ">选择网上银行</div>
                        <g:each in="${bankList}" status="i" var="bankInstance">
                            <ul style="margin-left: 20px;">

                                <li style="margin-bottom: 20px; float: left; padding-left: 20px;">
                                    <input id="${bankInstance.code}" type="radio" name="bankCode"
                                           value="${bankInstance.code}"
                                           checked="checked"/>
                                    <img name="${bankInstance.code}" align="middle"
                                         src="/GDepot/assets/bankImg/${bankInstance?.imageName}"/>
                                </li>

                            </ul>
                        </g:each>
                    </div>

                    <div style="float: left; padding-top: 60px">
                        <g:submitButton name="nextStep" class="btn btn-success btn-block" value="下一步"/>
                    </div>
                </g:form>

            </div>
        </div>
    </div>
</section>



</div>
</body>
</html>
